.xpsparkbars {
	height: 4px;
	margin: 2px 0;
	border: 1px solid #CCC;
	overflow: hidden;
	border-radius:3px
}
.xpsparkbar-likes {
	float: left;
	height: 4px;
	border-right: 1px solid white;
	background: #060;
}
.xpsparkbar-dislikes {
	float: right;
	height: 4px;
	margin-right: -1px;
	background: #C00;
}

#feedbackC{
	width:100%;
	float:left;
	margin-bottom:10px;
	border-top:solid 1px #ccc;
}
#feedbackC #do_you_likeC {
    float: left;
    padding:25px 15px 0;
    width: 360px;
}
#feedbackC #do_you_likeCR {
    float: right;
    padding:10px 55px;
    width:200px;
	max-width:320px;
	border-left: 1px dotted #C0BCBC;
	margin-top:15px;
}
#feedbackC #do_you_like {
	color: #000;
	font-weight: bold;
	text-align: left;
	padding: 0 0 2px 0;
	margin-bottom: 5px
}
#feedbackC a.thumb {
    color: transparent;
    display: block;
    float: left;
	font-size:11px;
	font-weight:bold;
	color: #555555;
	text-shadow: 0 1px 0 #FFFFFF;
	text-decoration:none;
}
/**** LIKE ****/
#feedbackC a.up_trigger {
	width:55px;
	height:27px;
	padding-left:10px;
	border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
	border-color:#ccc #ccc #aaa;
	background-color:#e0e0e0;
	-moz-box-shadow:inset 0 0 1px #fff;
	-ms-box-shadow:inset 0 0 1px #fff;
	-webkit-box-shadow:inset 0 0 1px #fff;
	box-shadow:inset 0 0 1px #fff;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#fffafafa, EndColorStr=#ffdcdcdc);
	background-image:-moz-linear-gradient(top, #fafafa 0, #dcdcdc 100%);
	background-image:-ms-linear-gradient(top, #fafafa 0, #dcdcdc 100%);
	background-image:-o-linear-gradient(top, #fafafa 0, #dcdcdc 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(100%, #dcdcdc));
	background-image:-webkit-linear-gradient(top, #fafafa 0, #dcdcdc 100%);
	background-image:linear-gradient(to bottom, #fafafa 0, #dcdcdc 100%);	
	border-style: solid;
    border-width: 1px;
}
#feedbackC a.up_trigger span.icon{
    background: url("../images/posts.png") 0 0 no-repeat;
	padding:3px 0 1px 15px;
	line-height:31px;	
}

#feedbackC a.up_trigger:hover {
	cursor:pointer;
}

#feedbackC a.up_activer {
	width:55px;
	height:27px;
	padding-left:10px;
	border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
	border-color:#888 #aaa #ccc;
	-moz-box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.25), 0 1px 0 #fff;
	-ms-box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.25), 0 1px 0 #fff;
	-webkit-box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.25), 0 1px 0 #fff;
	box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.25), 0 1px 0 #fff;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffc8c8c8, EndColorStr=#ffe6e6e6);
	background-image:-moz-linear-gradient(top, #c8c8c8 0, #e6e6e6 100%);
	background-image:-ms-linear-gradient(top, #c8c8c8 0, #e6e6e6 100%);
	background-image:-o-linear-gradient(top, #c8c8c8 0, #e6e6e6 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #c8c8c8), color-stop(100%, #e6e6e6));
	background-image:-webkit-linear-gradient(top, #c8c8c8 0, #e6e6e6 100%);
	background-image:linear-gradient(to bottom, #c8c8c8 0, #e6e6e6 100%)
}
#feedbackC a.up_trigger:hover span.icon, #feedbackC a.up_activer span.icon{
    background: url("../images/posts.png") 0 -18px no-repeat;
	padding:3px 0 1px 15px;
	line-height:31px;	
}
/**** END LIKE ****/

/**** DISLIKE ****/
#feedbackC a.down_trigger {
	width:30px;
	height:27px;
	margin-right:20px;
	padding-left:8px;
	border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;	
	border-color:#ccc #ccc #aaa;
	background-color:#e0e0e0;
	-moz-box-shadow:inset 0 0 1px #fff;
	-ms-box-shadow:inset 0 0 1px #fff;
	-webkit-box-shadow:inset 0 0 1px #fff;
	box-shadow:inset 0 0 1px #fff;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#fffafafa, EndColorStr=#ffdcdcdc);
	background-image:-moz-linear-gradient(top, #fafafa 0, #dcdcdc 100%);
	background-image:-ms-linear-gradient(top, #fafafa 0, #dcdcdc 100%);
	background-image:-o-linear-gradient(top, #fafafa 0, #dcdcdc 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(100%, #dcdcdc));
	background-image:-webkit-linear-gradient(top, #fafafa 0, #dcdcdc 100%);
	background-image:linear-gradient(to bottom, #fafafa 0, #dcdcdc 100%);	
	border-style: solid;
    border-width: 1px;
}
#feedbackC a.down_trigger span.icon{
    background: url("../images/posts.png") right 0 no-repeat;
	padding:1px 0 1px 15px;
	line-height:28px;	
}

#feedbackC a.down_trigger:hover {
	cursor:pointer;
}

#feedbackC a.down_activer {
	width:30px;
	height:27px;
	margin-right:20px;
	padding-left:8px;
	border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
	border-color:#888 #aaa #ccc;
	-moz-box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.25), 0 1px 0 #fff;
	-ms-box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.25), 0 1px 0 #fff;
	-webkit-box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.25), 0 1px 0 #fff;
	box-shadow:inset 0 1px 5px rgba(0, 0, 0, 0.25), 0 1px 0 #fff;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffc8c8c8, EndColorStr=#ffe6e6e6);
	background-image:-moz-linear-gradient(top, #c8c8c8 0, #e6e6e6 100%);
	background-image:-ms-linear-gradient(top, #c8c8c8 0, #e6e6e6 100%);
	background-image:-o-linear-gradient(top, #c8c8c8 0, #e6e6e6 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #c8c8c8), color-stop(100%, #e6e6e6));
	background-image:-webkit-linear-gradient(top, #c8c8c8 0, #e6e6e6 100%);
	background-image:linear-gradient(to bottom, #c8c8c8 0, #e6e6e6 100%)
}
#feedbackC a.down_trigger:hover span.icon, #feedbackC a.down_activer span.icon{
    background: url("../images/posts.png") right -18px no-repeat;
	padding:1px 0 1px 15px;
	line-height:28px;	
}
/**** END DISLIKE ****/

#feedbackC #thumbs_count_feedback {
	width:195px;
	float:left;
    color: #424242;
	font-size:10px;
	color:#666;
}
.xplike_overlay{
	position:absolute;
	background:black;
	opacity:0.7;
	height:3000px;
	width:3000px;
	z-index:3000;
	display:none;		
}
#xplikebox{
	background:white;
	border:solid 3px;
	border-radius:10px;
	height:200px;
	width:400px;
	z-index:50000000;
	position:fixed;
	top:25%;
	left:35%;
	display:none
}
.xplikeclose {
	float:right;	
}
#xplikebox h3 {
	font-weight: normal;
    margin-bottom: 15px;
	margin-top:20px;
	margin-left:20px	
}
#xplikebox .login-fields {
	margin-left:40px	
}
#xplikebox input {
	border: 1px solid #E0E0E0;
    color: #A8A8A8;
    margin-bottom: 15px;
    padding: 5px 10px;
    width: 252px;	
}
#xplikebox button {
    background: none repeat scroll 0 0 #02AED4;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    padding: 5px 8px 5px 8px;
    text-transform: uppercase;
	margin-right:55px
}
#wrongpass {
	color:red;
	float:left;
	font-size:11px;
	margin-left:20px;
	display:none;
}
.xplikebar {
    border: 1px solid #CCCCCC;
    height: 4px;
    margin: 2px 0;
    overflow: hidden;	
}
.xplikebar-like {
    background: none repeat scroll 0 0 #006600;
    border-right: 1px solid #FFFFFF;
    float: left;
    height: 4px;	
}
.xplikebar-dislike {
    background: none repeat scroll 0 0 #CC0000;
    float: right;
    height: 4px;
    margin-right: -1px;	
}
#tabs{
    width: 620px;
    margin-bottom: 20px;
    float: left;
}
#user-gest {float:right}
p.vote { width:100px; overflow: hidden; margin-bottom: 5px;}
p.vote span{
    float: left;
}
p.vote span.number {width:30px;}
p.vote span.vote {width:70px;}
span.like {
    background: #3366cc;
    height: 15px;
    display: block;
    border-radius:2px;
}
span.dislike {
    background: #dc3912;
    height: 15px;
    display: block;
    border-radius:2px;
}